<template>
  <div>
    <img :src="icon" class="lg:w-16 lg:h-16 w-14 h-14" />
    <div class="font-bold lg:text-lg text-sm lg:mt-2 mt-1">
      <slot name="title"></slot>
    </div>
    <ul
      class="
        mt-2
        lg:text-sm
        text-xs
        lg:!leading-7
        !leading-5
        tracking-tighter
        text-gray-66
      "
    >
      <slot name="content"></slot>
    </ul>
  </div>
</template>

<script>
export default {
  props: ["icon"],
};
</script>

<style>
</style>